@import '../common/stylus/base.styl'
.exchange-total
  width 100vw
  min-height 100vh
  position relative
  overflow auto
  background url('../common/images/index_bg.png') repeat 100% 100%
  .exchange-top
    width 100vw
    height auto
    display block
    position absolute
    top 0
    left 0
  .exchange-bottom
    width 100vw
    height auto
    display block
    position absolute
    bottom 0
    left 0
  .credit-list
    position relative
    z-index 10
    width 100%
    margin-top vw(350)
    margin-bottom vw(260)
    padding 0 vw(100) 0 vw(80)
    .list
      width 100%
      display flex
      justify-content flex-end
      align-items center
      position relative
      margin-top vw(80)
      .list-bag
        width vw(207)
        height auto
        position absolute
        left 0
        z-index 5
      .list-content
        width vw(430)
        height vw(199)
        background-image url('../common/images/exchange_layer.png')
        @extend .back-image
        color #dc3c3c
        padding-right vw(46)
        padding-top vw(22)
        position relative
        box-sizing border-box
        .list-content-top
          width 100%
          height vw(105)
          display flex
          flex-direction column
          justify-content center
          align-items flex-end
          h3
            font-size vw(18)
            margin-top vw(5)
          p
            font-size vw(16)
            margin-top vw(5)
        .list-content-bottom
          font-size vw(17)
          font-weight bold
          text-align right
          position absolute
          bottom vw(35)
          right vw(46)
          display flex
          justify-content flex-end
          align-items center
          img
            width vw(94)
            height auto
    .list:nth-of-type(1)
      margin-top 0
